!{include file='common/iheader.htm'}
<style>
	#wiki_img_list{}
	#wiki_img_list li{height:344px;width:304px;}
	.option_div{bottom:0;position: fixed;width: 100%;}
	form{margin-bottom:30px;}
</style>
<div id="i_nav">
	<h3 class="page_title">WIKI图片编辑 - !{$dict.word}</h3>
	<a class="button" href="/manager.php?app=wiki">WIKI管理</a>
	<a class="button" href="/manager.php?app=spider&act=wiki_list">未归类图片管理</a>
</div>
<h3><a href="/wiki/!{$dict.word}" target="_black">!{$dict.word}</a></h3>
<hr>
<form method="post" id="image_form">
	<ul class="img_list" id="wiki_img_list">
		!{foreach from=$dict.images item=src key=index}
		<li id="l_!{$index}" index="!{$index}">
			<img class="lazy" data-original="!{res file=$src thumb=300x300}" src="!{res file='images/grey.gif'}" width="150px" height="150px">
			<div class="opts">
				<label>
					<input class="checkbox" type="checkbox" name="images[]" value="!{$index}" checked="checked"/>
					!{$index}
				</label>
			</div>
		</li>
		!{foreachelse}
		<li>暂无图片</li>
		!{/foreach}
	</ul>
	<div class="option_div">
		<input type="button" value="全选" class="button" id="qx_btn">
		<input type="button" value="反选" class="button" id="fx_btn">
		!{html_options name="index" options=$opts class="change_type"}
		<input type="button" value="设置" class="button" id="set_btn">
		<input type="button" value="删除" class="button" id="del_btn">
		<div class="pager">
			!{include file='common/pager.htm'}
		</div>
		<input type="hidden" name="id" value="!{$dict._id}"/>
	</div>
</form>
<script src="!{res file='js/jquery_plus/jquery.lazyload.min.js'}"></script>
<script>
	$(function(){
		$("#fx_btn").click(function(){
			$(".checkbox").each(function(){
				if($(this).attr('checked') === 'checked'){
					$(this).removeAttr('checked');
				}else{
					$(this).attr('checked', 'checked');
				}
			});
		});
		
		$("#qx_btn").click(function(){
			$(".checkbox").each(function(){
				if($(this).attr('checked') !== 'checked'){
					$(this).attr('checked', 'checked');
				}
			});
		});
		
		$('img.lazy').lazyload({
			effect : 'fadeIn',
			threshold : 100, 
			load : function(){
				$(this).removeAttr('height').removeAttr('width').auto_img();
			}
		});
		
		$('#del_btn').click(function(){
			if(!$(".checkbox:checked").length){
				alert('没有选择需要删除的图片！');
				return;
			}
			if(confirm('本操作将删除选中的所有图片，是否继续？')){
				$('#image_form').attr('action', '/manager.php?app=spider&act=del_image').submit();
			}
		});
		
		$('#set_btn').click(function(){
			if(!$(".checkbox:checked").length){
				alert('没有选择需要设置的图片！');
				return;
			}
			if(confirm('本操作将设置选中的图片到指定目录，是否继续？')){
				$('#image_form').attr('action', '/manager.php?app=spider&act=image_set').submit();
			}
		});
		
		$('img').click(function(){
			var checkbox = $(this).parents('li').find('.checkbox');
			if($(checkbox).attr('checked') == 'checked'){
				$(checkbox).removeAttr('checked');
			}else{
				$(checkbox).attr('checked', 'checked');
			}
		});
		
		$('.img_list li').dblclick(function(){
			var id = $(this).attr("index");
			del_dict(id);
		});
	});
	
	function del_dict(id){
		if(confirm('确定要继续删除？')){
			$.get('/manager.php?app=spider&act=del_singal_image&id=!{$dict._id}&image_id=' + id, function(data){
				var json = eval('(' + data + ')');
				if(json.result){
					$("#l_" + id).remove();
				}else{
					alert(json.info);
				}
				
			})
		}
		
	}
</script>
!{include file='common/ifooter.htm'}